<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  layout:decorator="layouts/layout" th:with="header='客户', subtext='管理系统中客户数据'" style="overflow: hidden;">

<head>
  <title>客户</title>
</head>
<body style="overflow: hidden;">

  <th:block layout:fragment="content">
    <div id="query-area" class="box-body m-b-sm border-bottom">
      <form class="form-horizontal search-form" role="form">
        <div class="row">
          <div class="col-sm-3">
            <div class="form-group">
              <label class="control-label col-sm-3">客户</label>
              <div class="col-sm-9">
                <input type="text" id="name" name="name" placeholder="输入编号或名称搜索" class="form-control" />
              </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <label class="control-label col-lg-3">客户类型</label>
              <div class="col-lg-9">
              	<select name="type" id="type" class="form-control">
                  <option value="">请选择</option>
                  <option th:each="a : ${@CODES.findByType('CUSTOMER_TYPE')}" th:value="${a.value}" th:text="${a.name}" />
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="row m-t">
          <div class="col-lg-12 seach-button">
            <div class="pull-right">
              <button type="submit" id="search" class="btn btn-primary">
                <i class="fa fa-search"></i> 搜索
              </button>
              <button type="reset" id="clear" class="btn btn-danger">
                <i class="fa fa-remove"></i> 清除
              </button>
            </div>
          </div>
        </div>
      </form>
    </div>

    <div class="row">
      <div class="col-lg-12">
        <div class="box">
          <div class="box-body">
            <h2>
              <a  class="btn btn-primary btn-sm" th:href="@{|${baseUrl}/add|}" th:title="添加客户">
                <i class="fa fa-fw fa-plus"></i> 添加
              </a>
              <a  class="btn btn-danger btn-sm delAll" href="javascript:;" th:title="删除客户">
                <i class="fa fa-fw fa-trash"></i> 删除
              </a>
              <div class="pull-right">
                <a class="btn btn-info" th:title="导入数据" th:href="@{|${baseUrl}/import|}">
                  <i class="fa fa-fw fa-cloud-upload"></i> 导入数据
                </a>
              </div>
            </h2>
            <div id="tableWrapper">
              <table id="table" class="table table-striped table-hover table-bordered table-fixed">
                <thead style="position:sticky;top:0;z-index:10;">
                <tr>
                  <th style="width:50px;">
                    <a href="javascript:;" class="selectAll" title="全选">全选</a>
                  </th>

                    <th style="width:80px;">客户代码</th>
                    <th style="width:200px;">中文名称</th>
                    <th style="width:200px;">英文名称</th>
                    <th style="width:80px;">类型</th>
                    <th style="width:320px;">地址</th>
                    <th style="width:40px;">激活</th>
                    <th style="width:120px;">操作</th>

                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    <form id="delForm" method="post" style="display: none" th:action="@{|${baseUrl}/del|}">
      <input id="ids" type="hidden" name="ids" />

    </form>
  </th:block>
  <th:block layout:fragment="scripts">
    <script th:inline="javascript">
      var VALUES_MAP_DICT_TYPE = /*[[${@CODES.valuesMapOfType('CUSTOMER_TYPE')}]]*/ {};
    </script>
    <script th:src="@{|${theme}/js/app/master/customer_list.js?v=${applicationVersion}|}" th:inline="javascript"></script>
  </th:block>
</body>

</html>
